</div> <!-- container
</div> <!-- row -->
<!-- Footer -->
<footer id="siperanas-footer">
    <div class="container" >
        <div class="row">
            <div class="col-md-6 col-md-offset-3 text-center">
                <p>Copyright &copy; SIPERANAS 2013-2014</p>
            </div>
        </div>
    </div>
</footer>
<!-- /Footer -->

<!-- Custom JavaScript for the Side Menu and Smooth Scrolling -->
<script>
    $("#menu-close").click(function(e) {
        e.preventDefault();
        $("#sidebar-wrapper").toggleClass("active");
    });
</script>
<script>
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#sidebar-wrapper").toggleClass("active");
    });
</script>
<script>
    $(function() {
        $('a[href*=#]:not([href=#])').click(function() {
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
                    || location.hostname == this.hostname) {

                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                if (target.length) {
                    $('html,body').animate({
                        scrollTop: target.offset().top
                    }, 1000);
                    return false;
                }
            }
        });
    });
</script>

<script src="${initParam.js}/parsley.js"></script>
<script src="${initParam.js}/parsley.extend.js"></script>
</body>

</html>